<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8"/>
    <title>Title</title>
    <link rel="stylesheet" type="text/css" href="/jquery-easyui-1.3.3/themes/default/easyui.css"/>
    <link rel="stylesheet" type="text/css" href="/jquery-easyui-1.3.3/themes/icon.css"/>
    <script type="text/javascript" src="/jquery-easyui-1.3.3/jquery.min.js"></script>
    <script type="text/javascript" src="/jquery-easyui-1.3.3/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="/jquery-easyui-1.3.3/locale/easyui-lang-zh_CN.js"></script>
</head>
<body>
    <table id="dg" title="场地信息管理" class="easyui-datagrid"
           fitColumns="true" pagination="true" rownumbers="true" singleSelect="true"
           url="/staff/getListByMap.action" fit="true" toolbar="#tb">
        <thead>
        <tr>
            <!--
                 `site_id` int(11) NOT NULL AUTO_INCREMENT COMMENT '场地信息主键id，自增',
                  `name` varchar(12) DEFAULT NULL COMMENT '场地名字',
                  `position` varchar(255) DEFAULT NULL COMMENT '场地位置',
                  `purpose` varchar(255) DEFAULT NULL COMMENT '该场地的用途',
                  `detail` text COMMENT '具体某个场地的详细说明',
                  `status` varchar(20) DEFAULT NULL COMMENT '使用情况：可租借，维修，已租借,报废，特殊用途',
                  `price` double DEFAULT NULL COMMENT '租借费用价格',
                      private Integer siteId;
                    private String name;
                    private String position;
                    private String purpose;
                    private String status;
                    private Double price;
                    private String detail;
            -->
            <th field="siteId" width="50" align="center">编号</th>
            <th field="name" width="60" align="center">场地名称</th>
            <th field="position" width="40" align="center">场地位置</th>
            <th field="purpose" width="85" align="center" >场地用途</th>
            <th field="status" width="85" align="center">使用情况</th>
            <th field="detail" width="80" align="center">场地详细说明</th>
            <th field="price" width="85" align="center">租借费用价格</th>

        </tr>
        </thead>
    </table>
    <div id="tb">
        <div>
            <a href="javascript:openAddDialog()" class="easyui-linkbutton" iconCls="icon-add" plain="true">登记</a>
            <a href="javascript:openModifyDialog()" class="easyui-linkbutton" iconCls="icon-edit" plain="true">变更</a>
            <a href="javascript:openlookDialog()" class="easyui-linkbutton" iconCls="icon-tip" plain="true">查看详细</a>
        </div>
        <div>
            &nbsp;一级机构：&nbsp;<input class="easyui-combobox" name="fmechanism" id="f1" style="width: 148px;"
                                    data-options="
									url:'${pageContext.request.contextPath}/institution/get.action?parentid=0',
									valueField:'id',
									textField:'text',
									panelHeight:'auto',
									onSelect: function(rec){
						                $('#s2').combobox('clear');
						                $('#t3').combobox('clear');
						                var url = '${pageContext.request.contextPath}/institution/get.action?parentid='+rec.id ;
						                $('#s2').combobox('reload', url);
									}">
            &nbsp;二级机构：&nbsp;<input class="easyui-combobox" name="smechanism" id="s2" style="width: 148px;"
                                    data-options="
									valueField:'id',
									textField:'text',
									panelHeight:'auto',
									onSelect: function(rec){
						                $('#t3').combobox('clear');
						                var url = '${pageContext.request.contextPath}/institution/get.action?parentid='+rec.id;
						                $('#t3').combobox('reload', url);
									}">
            &nbsp;三级机构：&nbsp;<input class="easyui-combobox" name="tmechanism" id="t3" style="width: 135px;"
                                    data-options="
									valueField:'id',
									textField:'text',
									panelHeight:'auto'">
            &nbsp;职位分类：&nbsp;<input class="easyui-combobox" name="posc" id="p1" style="width: 130px;"
                                    data-options="
									url:'${pageContext.request.contextPath}/position/get.action?parentid=0',
									valueField:'id',
									textField:'text',
									panelHeight:'auto',
									onSelect: function(rec){
						                $('#p2').combobox('clear');
						                var url = '${pageContext.request.contextPath}/position/get.action?parentid='+rec.id;
						                $('#p2').combobox('reload', url);
									}">
            &nbsp;职位名称：&nbsp;<input class="easyui-combobox" name="posn" id="p2" style="width: 140px;"
                                    data-options="
									valueField:'id',
									textField:'text',
									panelHeight:'auto'
									">
            <br>
            &nbsp;建档时间：&nbsp;<input class="easyui-datetimebox" name="starttime" id="starttime" style="width: 148px;"></input>
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;至&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;：
            <input class="easyui-datetimebox" name="endtime" id="endtime" style="width: 148px;"></input>
            &nbsp;状&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;态：&nbsp;
            <select id="state" class="easyui-combobox" name="state" panelHeight="auto" style="width: 134px;">
                <option value="" ></option>
                <option value="未复核" >未复核</option>
                <option value="正常">正常</option>
                <option value="已删除">已删除</option>
            </select>
            <a href="javascript:search()" class="easyui-linkbutton" iconCls="icon-search" plain="true">搜索</a>
        </div>
    </div>
</body>
</html>